import { List } from 'antd';
import React from 'react';

const App: React.FC = ({ title, desc }: any) => {
  const data = [
    {
      title,
    },
    // {
    //   title,
    // },
  ];

  return (
    <List
      itemLayout="horizontal"
      dataSource={data}
      renderItem={(item, index) => (
        <List.Item>
          <List.Item.Meta
            // avatar={<Avatar size={44} icon={<UserOutlined />} />}
            title={<a>{item.title}</a>}
            description={
              <div>
                <div>{desc}</div>
              </div>
            }
          />
        </List.Item>
      )}
    />
  );
};

export default App;
